<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="" name="Description">
    <meta content="" name="Keywords">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">

    <title>CC日历</title>
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/bootstrap-responsive.css">
    <link rel="stylesheet" href="css/local.css">

    <script src="js/jquery-2.1.1.js"></script>
    <script src="js/bootstrap.js"></script>
    <!--<script src="js/vue.js"></script>-->
    <script src="js/index.js"></script>

</head>
<body>
<div class="container-fluid" style="margin-left: -10px;margin-right: -10px;">
    <button onclick="previous()" class="button" style="left:3px">
        <
    </button>
    <button onclick="next()" class="button" style="right:3px">
        >
    </button>
    <button onclick="backToday()" id="back-today">
        今
    </button>
    <button onclick="changeLang()" id="language">
        英
    </button>
    <div class="title">
        <h4>CC日历</h4>
        <h6 id="currentTime"></h6>
    </div>

    <div class="days-cotainer">
        <div class="row">
            <div class="col-xs-1 col-sm-2 col-md-2" style="padding-left: 0;padding-right: 0px">
                <div id="workweek">
                    WW
                </div>
                <div id="getWorkWeek">
                    <!--这里显示工作周-->
                </div>
            </div>
            <div class="col-xs-10 col-sm-10 col-md-10" style="padding-right: 0;padding-left: 0px;">
                <div id="first-line">
                    <div class="weekdays holidays">周日</div>
                    <div class="weekdays">周一</div>
                    <div class="weekdays">周二</div>
                    <div class="weekdays">周三</div>
                    <div class="weekdays">周四</div>
                    <div class="weekdays">周五</div>
                    <div class="weekdays holidays">周六</div>
                </div>
                <div id="days">
                    <!--这里是显示日期-->
                </div>
            </div>
        </div>
        <div id="currentInfo" onclick="addcomment()">

        </div>
        <div style="margin-top: 12px;;">
            <span>选择你要穿越的时空</span>
            <select name="selectyear" id="selyear" onchange="gotosomewhere()">

            </select>
            <select name="slectmonth" id="selmonth" onchange="gotosomewhere()"></select>
        </div>
        <hr>
        <div id="comments">
            <div id="events-title"></div>
            <div id="events-details"></div>

        </div>
    </div>
</div>
<!--新建事件-&#45;&#45;开始-->
<div id="add-events" style="visibility: hidden">
    <h5 style="text-align: center;">新建事件</h5>
    <div id="CTime" class="formarea">
        <span class="left-panel">开始时间:</span>
        <select name="addyear" id="addyear" disabled></select>
        <select name="addmonth" id="addmonth" disabled></select>
        <select name="addday" id="addday" disabled></select>
        <select name="addhour" id="addhour"></select>
        <select name="addminute" id="addminute"></select>
    </div>
    <div class="formarea">
        <span class="left-panel">结束时间:</span>
        <select name="addyear" id="endyear" disabled></select>
        <select name="addmonth" id="endmonth" disabled></select>
        <select name="addday" id="endday" disabled></select>
        <select name="addhour" id="endhour"></select>
        <select name="addminute" id="endminute"></select>
    </div>
    <div class="formarea">
        <span class="left-panel">事件标题:</span>
        <input type="text" id="event-title">
    </div>
    <div class="formarea">
        <span class="left-panel" >事件内容:</span>
    </div>
    <textarea name="" id="event-details" cols="30" rows="10"></textarea>
    <div class="formarea" style="text-align: center;">
        <button onclick="saveEvent()" class="long-btn">保存</button>
        <button onclick="closeEvent()" class="long-btn">取消</button>
    </div>
</div>
<!--新建事件&#45;&#45;结束-->
<script type="text/javascript">
    window.onload = getCurrent();
</script>
</body>
</html>